*{
    margin: 0;
    padding: 0;
    margin: 0 auto;
}
#top{
    width: 100%;
    height: 33px;
    background: #CCCCCC;
    .top1{
        width: 960px;
        height: 33px;
        margin: 0 auto;
        ul{
            width: 100%;
            height: 33px;
            list-style: none;
            display: flex;
            justify-content: space-between;
            li{
                line-height: 33px;
                font-size: 12px;
                a{
                    text-decoration: none;
                    color: black;
                }
            }
        }
        
    }
    
}
#logo{
    width: 100%;
    height: 97px;
    border-bottom:3px solid green ;
    .logo{
        width: 960px;
        height: 97px;
        display: flex;
        .logoLeft{
            width: 220px;
            line-height: 97px;
            
        }
        .logoRight{
            width:740px ;
            height: 97px;
            p{
                width: 560px;
                height: 30px;
                line-height: 30px;
                a{
                    text-decoration: none;
                    color: black;  
                    margin-right: 20px;                 
                }
               
            }
            .input{
                width: 590px;
                height: 70px;
                input{
                    width: 490px;
                    height: 35px;
                    margin-top: 18px;
                    line-height: 35px;
                    float: left;
                }
                button{
                    float: left;
                    width: 78px;
                    height: 38px;
                    background: green;
                    margin-top: 18px;
                    color: white;
                    border: 0;
                }
            }
        }
    }
}
#warp{
    width: 960px;
//  height: 600px;
//  background: red;
    
}
.section1{
        width: 100%;
        height: 165px;
//      background: yellow;
        border: 1px solid #ccc;
        .shopMsg{
            width: 100%;
            height: 165px;
            background: #CCCCCC;
            border: 1px solid #ccc;
            display: flex;
            img{
                width: 120px;
                height: 120px;
                margin-top: 22px;
                margin-left: 15px;
            }
            .right{
                width: 800px;
                height: 165px;
//              background: purple;
                margin-left: 20px;
                .firstP{
                    width: 100%;
                    height: 28px;
                    font-size: 12px;
                    line-height: 28px;
                    text-align: center;
                    margin-bottom: 5px;
                    display: flex;
                    h6{
                        width: 96px;
                        height: 28px;
                        font-size: 15px;
                    }
                    b{
                        width: 56px;
                        height: 26px;
                        border: 1px solid blue;
                        border-radius: 5px;
                        background: green;
                        color: white;
                    }
                    span{
                        width: 240px;
                        height: 28px;
                        margin-left:400px ;
                    }
                }
                .secondP{
                    width: 100%;
                    height: 28px;
                    font-size: 12px;
                    line-height: 28px;
                    margin-bottom: 5px;
                    span{
                        display: inline-block;
                        width: 93px;
                        height: 28px;
                        text-align: center;
                    }
                    .lastSpan{
                        width: 250px;
                        height: 28px;
                        margin-left: 260px;
                        text-align: center;
                    }
                }
                .thirdP{
                    width: 100%;
                    height: 28px;
                    display: flex;
                    text-align: left;
                    margin-bottom: 5px;
                    p{
                        width: 500px;
                        height: 28px;
                        line-height: 28px;
                        font-size: 12px;
                        text-align: left;
                        span{
                            color: blue;
                        }
                    }
                    h6{
                        width: 250px;
                        height: 28px;
                        margin-left: 55px;
                        text-align: center;
                        line-height: 28px;
                    }
                }
                .fourthP{
                    width: 100%;
                    height: 28px;
                    display: flex;
                    text-align: left;
                    margin-bottom: 5px;
                     p{
                        width: 500px;
                        height: 28px;
                        line-height: 28px;
                        font-size: 12px;
                        text-align: left;
                        span{
                            color: blue;
                        }
                    }
                    h6{
                        width: 250px;
                        height: 28px;
                        margin-left: 55px;
                        text-align: center;
                        line-height: 28px;
                    }
                }
            }
        }
    }
    .section2{
        width: 960px;
        height: 36px;
//      background: red;
        margin-top: 15px;
        border: 1px solid #ccc;
        p{
            width: 100%;
            height: 28px;
            line-height: 28px;
            font-size: 12px;
            span{
                width: 220px;
                height: 28px;
                color: red;
                margin-right: 10px;
            }
        }
    }
    .section3{
        width: 960px;
        height: 3000px;
//      background: green;
        position: relative;
        #tab{
            width: 760px;
//          height: 2000px;
//          background: yellow;
            position: absolute;
            left: 0;
            .tabTop{
                width: 100%;
                height: 40px;
//              background: red;
                border: 1px solid #ccc;
                line-height: 40px;
                a{
                    width: 58px;
                    height: 40px;
                    text-decoration: none;
                    margin-right: 1px;
                }
            }
            .shopServer{
                width: 100%;
                ul{
                    width: 100%;
                    list-style: none;
                    li{
                        width: 100%;
                        height: 95px;
                        background: #ccc;
                        display: flex;
                        border-bottom: 1px solid black;
                        font-size: 12px;
                        img{
                            position: absolute;
                            left: 0;
                            width: 70px;
                            height: 70px;
                            margin-top: 12px;
                        }
                        p{
                             position: absolute;
                            left: 90px;
                            width: 550px;
                            height: 40px;
//                          background: green;
                            margin-top: 14px;
                            i{
                                width: 61px;
                               position: absolute;
                               right: 20px;
                               font-style: normal;
                               color: red;
                            }
                        }
                        button{
                            width: 96px;
                            height: 30px;
                            margin-top: 50px;
                            background: orangered;
                            color: white;
                            position: absolute;
                            right: 5px;
                            margin-top:32px ;
                        }
                    }
                }
            }.page{
                  width: 100%;
                  height: 25px;
//                background: red;
             } 
             #pingJia{
                 width: 100%;
//               height: 800px;
                 border: 1px solid #ccc;
                 .pingjiaTop{
                     width: 100%;
                     height: 35px;
                     background: #ccc;
                     line-height: 35px;
                     border-bottom: 1px solid #ccc;
                 }
                 .pingjiaShow{
                     width: 100%;
                     ul{
                         width: 100%;
                         list-style: none;
                         li{
                             width: 100%;
                             height: 110px;
                             display: flex;
                             margin-top: 15px;
                             font-size: 12px;
                             div{
                                 width: 110px;
                                 height: 110px;
                                 position: absolute;
                                 left: 0;
                                 img{
                                     width: 32px;
                                     height: 32px;
                                 }
                             }
                             dl{
                                 width: 645px;
                                 height: 80px;
                                 margin-top: 15px;
                                 position: absolute;
                                 left: 111px;
                                 dt{
                                     width: 100%;
                                     height: 25px;
                                     span{
                                         width: 100px;
                                         height: 25px;
                                     }
                                     b{
                                         font-weight: normal;
                                         width: 170px;
                                         height: 25px;
                                         position: absolute;
                                         right: 0;
                                     }
                                 }
                             }
                         }
                         
                     }
                 }
             }
             #baoZhang{
                 width: 100%;
                 height: 490px;
//               background: red;
                 h5{
                     width: 100%;
                     height: 20px;
                     border-bottom: 1px solid #ccc;
                 }
                 .serverBz{
                     width: 680px;
                     height: 410px;
                     h3{
                         height: 25px;
                         text-align: center;
                     }
                     dl{
                         width: 100%;
                         height: 70px;
                         border-bottom: 1px solid #ccc;
                         font-size: 12px;
                         dt{
                             color: green;
                             line-height: 30px;
                         }
                         dd{
                             line-height: 40px;
                         }
                     }
                 }
             } 
        }
      
    }
   .section4{
    width: 980px;
    margin: 0 auto;
    height: 129px;
    border-bottom: 1px solid #ccc;
    display: flex;
    .foot{
        img{
            width: 43px;
            height: 43px;
        }
        dl{
            width: 200px;
            height: 88px;
            dt{
                width: 112px;
                height: 36px;
                line-height: 36px;
                font-size: 15px;
            }
            dd{
                width:112px ;
                height: 26px;
                line-height: 26px;
                font-size: 12px;
            }
        }
        width: 25%;
        height: 88px;
        margin-top: 20px;
        display: flex;
    }
}
footer{
    width: 100%;
    height: 94px;
    font-size: 12px;
    margin-top: 5px;
    h6{
        text-align: center;
    }
    p{
        text-align: center;
    }
}